@import './base.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

/* 全局自定义样式 */
body {
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
  background-color: #f8f8f8;
  @apply text-gray-800;
  line-height: 1.6;
  font-size: 14px;
}

/* 统一字体颜色 */
h1, h2, h3, h4, h5, h6 {
  @apply text-gray-800;
}

/* 统一按钮样式 */
.btn-primary {
  @apply bg-rose-500 text-white px-4 py-2 rounded-lg hover:bg-rose-600 transition duration-300;
}

.btn-secondary {
  @apply border border-gray-300 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-50 transition duration-300;
}

/* 统一输入框样式 */
.form-input {
  @apply border border-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-rose-500 focus:border-transparent text-gray-800;
}

/* 统一链接样式 */
.link-primary {
  @apply text-rose-500 hover:text-rose-600 transition duration-300;
}

.link-secondary {
  @apply text-gray-600 hover:text-rose-500 transition duration-300;
}

/* 移除App的容器限制，让页面全宽显示 */
#app {
  font-weight: normal;
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

/* 移除不必要的媒体查询和布局限制 */

/* 为登录页面添加特殊样式 */
.login-page #app {
  display: block;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
